@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
            <div class="row">
                <input type="hidden" id="orgId" value="${org.id}">
                <input type="hidden" id="showPhase" value="${role.showPhase}">
                <input type="hidden" id="showGrade" value="${role.showGrade}">
                <input type="hidden" id="showSubject" value="${role.showSubject}">
                <input type="hidden" id="id" value="${us.id}">
                <input type="hidden" id="areaId" value="${org.areaIds}">
                <input type="hidden" id="accountId" value="${accountId}">
                <div class="col-sm-12 b-r">
                    <div id="" class="pageFormContent" layoutH="56">
                        <div class="unit">
                            <label>职务：</label>
                            <select  id="sys_ro_id" name="roleId"
                                    onchange="PostmanageInfoDlg.roleIdChange(this.value)" class="required">
                                <option value="">请选择</option>
                                @for(role in roleList){
                                <option value="${role.id}"${us.roleId==role.id?'selected':""}>${role.roleName}</option>
                                @}
                            </select>
                        </div>
                        <br>
                        <div class="unit" id="yhgl_xd_" style="display: none">
                            <label>学段：</label>
                            <select class="unit " id="js_xg" name="phaseId"
                                    onchange="PostmanageInfoDlg.phaseIdChange()">
                                <option value="">请选择</option>
                                @for(meta in metaList){
                                <option value="${meta.id}" ${meta.id==us.phaseId?'selected':""}>${meta.name}</option>
                                @}
                            </select>
                        </div>
                        <div class="unit" id="yhgl_nj_" style="display: none">
                            <label>年级：</label>
                            <select class="unit " name="gradeId" id="add_box_nj">
                                <option value="">请选择</option>
                                @if(tool.isNotEmpty(us.gradeId)){
                                @for(grade in grades){
                                <option value="${grade.id}" ${grade.id==us.gradeId?'selected':""}>${grade.name}</option>
                                @}
                                @}
                            </select>
                        </div>
                        <div class="unit" id="yhgl_xk_" style="display: none">
                            <label>学科：</label>
                            <select class="unit " name="subjectId" id="add_box_xd">
                                <option value="">请选择</option>
                                @if(tool.isNotEmpty(us.gradeId)){
                                @for(subject in subjects){
                                <option value="${subject.id}" ${subject.id==us.subjectId?'selected':""}>${subject.name}</option>
                                @}
                                @}
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row btn-group-m-t">
            <div class="col-sm-10" style="text-align: center">
                <#button btnCss="info" name="提交" id="ensure" icon="fa-check"
                clickFun="PostmanageInfoDlg.editSubmit()"/>
                <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser"
                clickFun="PostmanageInfoDlg.close()"/>
            </div>
        </div>
    </div>

</div>
</div>
<script src="${ctxPath}/static/modular/system/postmanage/postmanage_info.js"></script>
<script>
    laydate.render({
        elem: '#birthday'
    });
    $(function () {
    if($("#showPhase").val()==='true'){
            $("#yhgl_xd_").css("display","")
        }
        if($("#showGrade").val()==='true'){
            $("#yhgl_nj_").css("display","")
        }
        if($("#showSubject").val()==='true'){
            $("#yhgl_xk_").css("display","")
        }
    });
</script>
<style>

    .pageFormContent div.unit {
        display: block;
        margin: 0;
        padding: 5px 0;
        position: relative;
        clear: both;
    }
    .pageFormContent label{
        float: left;
        width: 120px;
        padding: 0 5px;
        line-height: 21px;
    }
    .pageFormContent select{
        float: left;
        width:203px; height: 33px
    }
</style>
@}
